<template>
	<div id="platform">
		<div class="platform_title">其他平台</div>
		<div class="platform_conten">
			<ul>
				<li>
					<div class="div_box">
						<div class="div_dec">
							<span><i class="icon iconfont">&#xe649;</i>微信公众号</span>
						</div>
						<div class="div_img">
							<img src="http://image2.artup.com/static/pc/help/qrcode.png" alt="" />
						</div>
					</div>
				</li>
				<!--<li>-->
					<!--<div class="div_box">-->
						<!--<div class="div_dec">-->
							<!--<span><i class="icon iconfont">&#xe606;</i>App苹果系统</span>-->
						<!--</div>-->
						<!--<div class="div_img">-->
							<!--<img src="http://image2.artup.com/static/pc/help/qrcode.png" alt="" />-->
						<!--</div>-->
					<!--</div>-->
				<!--</li>-->
				<!--<li>-->
					<!--<div class="div_box">-->
						<!--<div class="div_dec">-->
							<!--<span><i class="icon iconfont">&#xe6ec;</i>App安卓系统</span>-->
						<!--</div>-->
						<!--<div class="div_img">-->
							<!--<img src="http://image2.artup.com/static/pc/help/qrcode.png" alt="" />-->
						<!--</div>-->
					<!--</div>-->
				<!--</li>-->
				<li>
					<div class="div_box">
						<div class="especial">
							<span class="especial_dec">官方微博</span>
              <a href="https://weibo.com/artup">
							<img src="http://image2.artup.com/static/pc/help/xinlang.png" alt="" /></a>
						</div>

					</div>
				</li>
			</ul>
			<p>欢迎关注下载传给雅昌更多平台，了解更多。</p>
		</div>
	</div>
</template>

<script>
</script>

<style lang="scss" type="text/scss" rel="stylesheet/sass" scoped>
	#platform {
		width: 100%;
		height: auto;
		color: #fff;
		box-sizing: border-box;
		display: block;
		padding-bottom: 76px;
		.platform_title {
			width: 100%;
			line-height: 30px;
			border-bottom: 1px solid #5b5b5b;
			color: #fff;
			font-size: 14px;
			line-height: 30px;
			font-family: "微软雅黑";
		}
		.platform_conten {
			p{
				color: #fff;
				font-size: 14px;
				line-height: 28px;
				font-family: "微软雅黑";
			}
			ul {
				width: 100%;
				height: auto;
				padding-bottom: 76px;
				overflow: hidden;
				display: block;
				>li{
					width: 50%;
					height: 96px;
					padding-right: 66px;
					box-sizing: border-box;
					float: left;
					margin-top: 42px;
					text-align: center;
					cursor: pointer;
					.div_box{
						width: 100%;
						height: 100%;
						border-radius: 5px;
						border: 1px solid #5b5b5b;
						.div_dec{
							width: 154px;
							height: 100%;
							padding: 30px 14px;
							box-sizing: border-box;
							float: left;
							text-align: center;
							>span{
								width: 100%;
								height: 100%;
								display: block;
								border-bottom: 1px solid #5b5b5b;
								color: #fff;
								font-size: 16px;
								line-height: 30px;
								font-family: "微软雅黑";
								.iconfont {
									font-size: 24px;
									padding-right: 6px;
								}
							}
						}
						.div_img {
							position: relative;
							float: left;
							width: 98px;
							height: 100%;
							padding: 10px;
							box-sizing: border-box;
							overflow: hidden;
							>img{
								position: absolute;
								left: 0;
								right: 0;
								top: 0;
								bottom: 0;
								max-height: 100%;
								max-width: 100%;
								margin: auto auto;
							}
						}
						.especial {
							width: 100%;
							padding: 0 26px;
							box-sizing: border-box;
							.especial_dec {
								width: 100%;
								height: 45px;
								color: #fff;
								font-size: 16px;
								line-height: 30px;
								font-family: "微软雅黑";
								padding-top: 15px;
								box-sizing: border-box;
								border-bottom: 1px solid #5b5b5b;
								display: block;
							}
							>img {
								margin-top: 10px;
							}
						}
					}
				}
			}
		}
	}
</style>
